var xAxis_data = ["0"]
var data_A = [0,]
var color = ['#4D8EFF', '#84BFFF', '#FE9D9A']
var names = ['test']
const option = {
  title: {
    text: '', // 标题文本
    textStyle: {
      color: '#333', // 标题文字颜色
      fontSize: 18, // 标题文字大小
      fontWeight: 'bold' // 标题文字粗细
    },
    left: 'center' // 标题水平居中
  },
  tooltip: {
    trigger: 'axis',
    // formatter: '{b}<br />{a2}:{c2}%<br />{a1}:{c1}%<br />{a0}:{c0}%'
    formatter: function (params: any, ticket: any, callback: any) {
      var htmlStr = '';
      for (var i = 0; i < params.length; i++) {
        var param = params[i];
        var xName = param.name;//x轴的名称
        var seriesName = param.seriesName;//图例名称
        var value = param.value;//y轴值
        var color = param.color;//图例颜色
        if (i === 0) {
          htmlStr += xName + '<br/>';//x轴的名称
        }
        htmlStr += '<div>';
        htmlStr += '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:' + color + ';"></span>';//一个点
        htmlStr += seriesName + '：' + value + 'millicores';//圆点后面显示的文本
        htmlStr += '</div>';
      }
      return htmlStr;
    }
  },
  grid: {       //页边距
    top: '20%',
    left: '1%',
    right: '1%',
    bottom: '1%',
    containLabel: true
  },
  legend: {      // 图例
    top: '5%',
    // right:'20%',
    data: names
  },
  dataZoom: [{
    type: 'inside', // 内置缩放，可通过鼠标滚轮进行缩放
    start: 0,
    end: 100
  },
    //  {
    //   type: 'slider', // 缩放滑块
    //   bottom: 10,
    //   start: 0,
    //   end: 100
    // }
  ],
  xAxis: {
    type: 'category',
    data: xAxis_data,
    axisLine: {//坐标线
      lineStyle: {
        type: 'solid',
        color: '#E3E3E3', //轴线的颜色
        width: '2' //坐标线的宽度
      }
    },
    axisLabel: {
      formatter: '{value}',
    },
    textStyle: {
      fontSize: 12,
      fontFamily: 'PingFang SC',
      fontWeight: 400,
      lineHeight: 17,
      color: '#646464', //坐标值的具体的颜色
      opacity: 1,
    },
    axisTick: {
      show: false
    }
  },
  yAxis: {
    type: 'value',
    axisLine: {//线
      show: false
    },
    axisTick: {//刻度
      show: false
    },
    axisLabel: {
      formatter: '{value}',
    },
    textStyle: {
      fontSize: 12,
      fontFamily: 'PingFang SC',
      fontWeight: 400,
      lineHeight: 15,
      color: '#979A9F', //坐标值的具体的颜色
      opacity: 1,
    },
    splitLine: {
      lineStyle: {
        type: 'dashed',
        width: 2,
        color: ['#E3E3E3'] //分割线的颜色
        // color: ['#5d5d5d'] //分割线的颜色
      }
    }
  },
  series: [
    {
      type: 'line',
      smooth: true, // 将折线变为平滑曲线
      data: data_A,
      // name: names[0],
      symbol: 'none', // 取消拐点的圆圈
      lineStyle: {
        width: 1,
        type: 'solid' //'dotted'虚线 'solid'实线
      }
    },


  ]
}

export default option